<script setup lang="js">
import AAbout from '@/components/about/AAbout.vue'
import BAbout from '@/components/about/BAbout.vue'
// 导入Pinia
import { useDeptStore } from '@/stores/dept'
import { storeToRefs } from 'pinia'

// 实例化Pinia对象
const deptStore = useDeptStore()
// 解构属性
const { nextId } = storeToRefs(deptStore)
</script>

<template>
  <div class="about">
    {{ nextId }}
    <h1>This is an about page</h1>
    <el-button @click="nextId++">button</el-button>
    <hr />
    <AAbout />
    <hr />
    <BAbout />
  </div>
</template>
